<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
	<style type="text/css">
		#hd{
			width: 500px;
			height: 300px;
			background: purple;
			margin: 0 auto;
		}
	</style>
	<script type="text/javascript">

//	需要用js操作body里面的元素的时候,就要写window.onload

	window.onload = function(){
		
//		抓到id是hd的元素,然后绑定单击事件
		document.getElementById("hd").onclick = function(){
			alert('后盾人 人人做后盾！');
		}	
		
	}

		
	</script>
	</head>
	<body>
		
		<div id="hd">
			
		</div>
		
	</body>
</html>
